﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="/Content/ytcms/css/Guide.css" rel="stylesheet" />
@model IQueryable<YTCMS.Domain.Entities.guide>

<div class="jumbotron banner">
    <img src="/Content/ytcms/img/guide-banner.png" />
</div>

<!------游记------->
<div class="jumbotron guide">
    <div class="container">
        <div class="main">
            <div class="row">
                <div class="span12">
                    <div class="page-header">
                        <span>
                            Wonderful travel
                        </span>
                        <span>
                            精彩游记
                        </span>
                    </div>
                    <div class="properties-grid" id="showData">
                        @Html.Partial("List", Model)
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
<!------明星旅行家--------->
<div class="jumbotron guide star">
    <div class="container">
        <div class="main">
            <div class="row">
                <div class="span12">
                    <div class="page-header">
                        <span>
                            Star traveler
                        </span>
                        <span>
                            明星旅行家
                        </span>
                    </div>
                    <div class="content">
                        <ul id="star">
                            @Html.Action("Index", "Ads", new { @code = "star" })
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                    <a id="prev" class="prev" href="#">&lt;</a>
                    <a id="next" class="next" href="#">&gt;</a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('#star').carouFredSel({
            responsive: true,
            auto: true,
            width: '100%',
            scroll: 2,
            prev: '#prev',
            next: '#next',
            items: {
                width: 240,
                //height: 388,	//	optionally resize item-height
                visible: {
                    min: 5,
                    max: 6
                }
            }
        });
    })

    function to_page(pageIndex) {
        $.btnClick({
            url: "/Guide/Search",
            data: {pageIndex: pageIndex }
        })
    }

</script>
